<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'index.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

<link rel="stylesheet" href="css/currency.css" type="text/css"></link>

<link rel="stylesheet" href="css/head.css" type="text/css"></link>

<script type="text/javascript" src="js/jquery-3.2.0.js"></script>
</head>

<body>
	<div class="head">
		<div class="float_left head2">
			<a href="#">中国 | CNY (元)</a>

			<!-- 下拉列表 -->
			<div class="Spinner">
				<ul>
					<li>美国</li>
					<li>加拿大</li>
					<li>欧洲</li>
					<li>韩国</li>
					<li>日本</li>
					<li>印度</li>
				</ul>
			</div>
		</div>
			
				<p style="color: #fff200;">❤运费调整❤全面下调<br/>
				<span style="color: white;">满200元免运费（*仅限大陆地区，港澳台除外）</span></p>
			
		<div class="float_right head3">
			<a href="#">登录</a> / <a href="#">注册</a>
		</div>
		<div class="clear_float"></div>
	</div>
	<div class="title">
		<div class="float_left title2">
			<a href="#"><img src="image/logo.png" height="50px" /></a>
		</div>
		<div class="title3">
			<ul class="title3_1">
				<li><a href="#">新品</a>
				</li>
				<li><a href="#">男装</a>
				</li>
				<li><a href="#">女装</a>
				</li>
				<li><a href="#">畅销单品</a>
				</li>
				<li><a href="#">火爆潮流</a>
				</li>
				<li><a href="#">白领女装</a>
				</li>
				<li><a href="#">包装/配饰</a>
				</li>
				<li><a href="#">女鞋</a>
				</li>
				<li><a href="#">泳衣</a>
				</li>
				<li><a href="#">童装</a>
				</li>
				<li><a href="#"><span
						style="color: #D47459;font-weight: bold;">Sale</span>
				</a>
				</li>
			</ul>
		</div>
		<div class="float_right title4">
			<div class="float_left sou">
				<a href="#" id="sou">搜索&nbsp; &nbsp; </a>
				<div id="sou4">
					<form action="" method="post">
						<input style="height: 35px" type="text" placeholder="输入衣服总类"
							size="25" />
						<div class="sou4_1" id="sou4_1"></div>
					</form>
				</div>
			</div>
			<div class="float_left sou2">
				<a href="#">&nbsp; &nbsp; &nbsp; </a>
			</div>
			<div class="float_left sou3">
				<a href="#">&nbsp; &nbsp; &nbsp; </a>
			</div>
		</div>
		<!-- 导航2 点击触发,半透明 -->
			<div class="title5">
				<ul>
					<li><a href="#">女装</a></li>
					<li><a href="#">白领女装</a></li>
					<li><a href="#">配饰</a></li>
					<li><a href="#">女鞋</a></li>
					<li><a href="#">男装</a></li>
					<li><a href="#">童装</a></li>
				</ul>
			</div>
		<div class="clear_float"></div>
	</div>
	<script type="text/javascript">
		$(function() {

			$("#sou").on('click', function() {
				$("#sou4").css("display", "block");
			});
			$("#sou4_1").on('click', function() {
				$("#sou4").css("display", "none");
			});
			$(".title3_1>li").on('click',function(){
				$(".title5").css("display","block");
			});
		});
	</script>
</body>
</html>
